<head>
  <title>简单的CSS层叠样式表的示例</title>
  <style>
    /* css 单行注释 */
    /* 
       css 多行注释1
       css 多行注释2
    */
    /* 选择器 */
    h1 {
      color: blue; /* 属性-值对 */
      font-size: 24px;
    }
    p {
      color: red;
      font-size: 16px;
    }
    /* 属性继承，类选择器 */
    .container {
      font-family: Arial, sans-serif;
    }
    /* 优先级 */
    .special {
      color: green !important; /* 使用!important可以提高优先级 */
    }
  </style>
</head>
<body>
  <h1>我是h1标签显示标题</h1>
  <p class="container" >我是p标签显示文本段落</p>
  <p class="special">我是p标签显示文本段落, 颜色会被覆盖</span>
</body>